



function Get(ele) {
    // 伪数组
    this.eles = document.querySelectorAll(ele)
}

// 参数有两个  prop  value    设置一个样式
// 参数只有一个
//     参数是字符串   prop   获取样式
//     参数是对象    设置多个样式
Get.prototype.css = function() {
    if(arguments.length === 2) {    // 设置样式
        for(let i = 0 ; i < this.eles.length ; i++) {
            this.eles[i].style[arguments[0]] = arguments[1] ;
        }
    }
    else if(arguments.length === 1) {
        // 判断参数是字符串
        if(typeof arguments[0] === 'string') {
            return getComputedStyle(this.eles[0])[arguments[0]]
        }
        if(typeof arguments[0] === 'object') {
            const obj = arguments[0]
            for(let i = 0 ; i < this.eles.length ; i++) {
                for(let k in obj) {
                    this.eles[i].style[k] = obj[k]
                }
            }
        }

    }
}


Get.prototype.click = function(cb) {
    for(let i = 0 ; i < this.eles.length ; i++) {
        this.eles[i].onclick = cb
    }
}


// 显示元素  show
Get.prototype.show = function() {
    for(let i = 0 ; i < this.eles.length ; i++) {
        this.eles[i].style.display = 'block'
    }
}


// 隐藏元素  hide
Get.prototype.hide = function() {
    for(let i = 0 ; i < this.eles.length ; i++) {
        this.eles[i].style.display = 'none'
    }
}


Get.prototype.toggle = function() {
    for(let i = 0 ; i < this.eles.length ; i++) {
        // 判断是否是显示的
        if(getComputedStyle(this.eles[i]).display === 'none') {
            this.eles[i].style.display = 'block'
        } else {
            this.eles[i].style.display = 'none'
        }
    }
}



Get.prototype.parent = function() {
    
    return this.eles[0].parentElement ;
}














function $(ele) {
    return new Get(ele)
}